<template>
  <div>
    <h1> {{hello}} </h1>
    <button @click="fanzhuan">翻转</button>
  </div>
</template>

<script>
export default {
  data (){
    return {
      hello:"大魔王"
    }
  },
  methods: {
     // 1. 将 msg 切割成字符数组
      // const arr = this.msg.split('')
      // 2. 将数组翻转
      // console.log(arr)
      // reverse 会不会修改原数组?
      // 会, sort() 也会
      // arr.reverse()
      // console.log(arr)
      // 3. 将数组拼接成字符串赋值给 msg
      // this.msg = arr.join('')
    fanzhuan(){
      this.hello =  this.hello.split('').reverse().join('')
    }
  }
}
</script>